import axios from "axios";
import router from "@/router/index.js";

// 创建axios实例
const instance = axios.create({
  // 基础路径
  baseURL: "http://121.89.205.189:3000",
  // 超时时间
  timeout: 10000,
  // 统一处理请求头
  headers: {
    "content-type": "application/json",
    // token: localStorage.getItem("token"),
  },
  // 可以给请求同意添加参数, params是给get用的
  // params: {
  //   ID: 12345,
  // },
  // data是给post用的
  // data: {},
});

// const BASE_URL = "http://121.89.205.189:3000";

// 添加请求拦截器
// 每当要请求接口的时候，都会调用
// 发送之前调用
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    // config是前端发给后端的全部内容

    // console.log(config);
    // 请求拦截最常做的就是统一的添加token
    config.headers.token = localStorage.getItem("token");

    // 对于部分接口，可以去修改请求头信息
    // if (config.url === "/upload") {
    //   config.headers.Accept = "Form-data";
    // }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
// 当数据刚刚返回的时候调用
instance.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    // response就是前端拿到的返回结果
    // 这里return的内容就是.then里面额res的参数

    // 直接返回response.data
    // 可以统一对请求状态码进行处理
    if (response.status === 200) {
      if (response.data.code === "200") {
        return response.data;
      } else if (response.data.code === "10119") {
        ElMessage({
          message: response.data.message,
          type: "error",
        });
        localStorage.clear();
        router.push("/login");
      } else {
        ElMessage({
          message: response.data.message,
          type: "error",
        });
      }
    } else if (response.status === 500) {
      ElMessage({
        message: "服务端错误",
        type: "error",
      });
    }
  },
  function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

const request = {
  get(url, params = {}) {
    return instance
      .get(url, {
        params: params,
      })
      .then((res) => {
        return res;
      })
      .catch((err) => {
        if (err.message === "timeout of 10000ms exceeded")
          ElMessage({
            message: "网络请求超时",
            type: "error",
          });
      });
  },
  post(url, data = {}) {
    return instance
      .post(url, data)
      .then((res) => {
        return res;
      })
      .catch((err) => {
        if (err.message === "timeout of 10000ms exceeded")
          ElMessage({
            message: "网络请求超时",
            type: "error",
          });
      });
  },
};

export default request;
